<template>
	<div class="my-self-wrap">
		<div class="my-self-head">
			
			<a href="#/mytao" class="geren">
				<i class="fa fa-angle-left"></i>个人资料</a>
			<span class="more">...</span>
		</div>
		<div class="my-self-main">
			<div v-for="item in myMessage">
				<ul class="my-self-ul">
					<li>
						<span class="touxiang">淘宝头像</span>
						<img src="//wwc.alicdn.com/avatar/getAvatar.do?userId=2024697127&width=160&height=160&type=sns" alt="" />
					</li>
					<li>
						<p>会员名 <span>{{item.name}}</span></p>
					</li>
					<li>
						<p>绑定手机号<span>{{item.phone}}</span></p>
					</li>
					<li>
						<p>账号注册日期 <span>{{item.time}}</span></p>
					</li>
				</ul>
				
			</div>
		</div>
	</div>			
	
	
	
</template>

<script>
	import $ from 'jquery'
	import axios from 'axios'
	import { mapState } from 'vuex'
	export default{
		data(){
			return{
				myMessage:[]
			}
		},
		mounted(){
			this.mySelf();
		},
		methods:{
			mySelf(){
				var that = this;
				axios.post('/taobao/myself').then(function(response){
					let res = response.data;
//					console.log(res)
					that.myMessage = res.result;
					console.log(that.myMessage);
				})
			}
		}
	}
</script>

<style scoped="">
	.my-self-head{
		height: 50px;
		background: orange;
		line-height: 50px;
		color: #fff;
		cursor: pointer;
		padding: 0 15px;
	}
	.my-self-head .more{
		float: right;
		font-size: 22px;
		line-height: 40px;
	}
	.geren{
		color: #fff;
	}
	.my-self-head i{
		font-size: 20px;
		margin-right: 5px;
	}
	.my-self-ul{
		
		
		/*background: #eee;*/
	}
	.my-self-ul li {
		padding: 0 15px;
		border-top: solid 1px #eee;
		box-shadow: 0px 1px 2px #eee;
		height: 60px;
		line-height: 60px;
	}
	.my-self-ul li p{
		color: #333;
		float: left;
		width: 100%;
	}
	.my-self-ul li p span{
		float: right;
		color: #999;
		font-size: 14px;
	}
	.my-self-ul li img{
		width: 50px;
		border-radius:50% ;
		float: right;
		margin-top: 5px;
	}
</style>